<template>
	<div class="address">
		<div class="top_div">
			<img src="../assets/icon_info.png"/>
			<span>编辑收货地址</span>
			<span @click="Baochun()">保存</span>
		</div>
		<div class="div_bottom_div">
			<div class="line_div top_line">
				<span>所在城市:</span>
				<span>北京市</span>
			</div>
			<div class="line_div">
				<span>小区/大厦/学习:</span>
				<span>北理工大学国防科技园</span>
			</div>
			<div class="line_div">
			<span>楼号-门牌号:</span>
			<span>2号楼10层</span>
			</div>
			<div class="line_div">
			<span>收货人:</span>
			<span>小慕</span>
			</div>
			<div class="line_div none_line">
			<span>联系电话:</span>
			<span>18956165661</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			Baochun(){
				this.$router.push('/address')
			}
		}
	}
</script>

<style scoped>
	.address{
		background-color: #F9F9F9;
		width: 100%;
		height: 100%;
		position: fixed;
	}
	.top_div{
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		height: 44px;
		background-color: white;
	}
	.top_div :nth-child(1){
		width: 10px;
		height: 16px;
		margin-top: 15px;
		margin-left: 18.5px;
		margin-bottom: 13.7px;
	}
	.top_div :nth-child(2){
		font-family: PingFangSC-Regular;
		font-size: 16px;
		color: #333333;
		line-height: 44px;
	}
	.top_div :nth-child(3){
		font-family: PingFangSC-Regular;
		font-size: 14px;
		color: #333333;
		text-align: right;
		line-height: 44px;
		margin-right: 18px;
	}
	.div_bottom_div{
		background-color: white;
		padding-top: 24px;
		height: 220px;
		width: 100%;
	}
	.div_bottom_div .line_div{
		padding-left: 18px;
		height: 44px;
		line-height: 44px;
		font-size: 14px;
		color: #333333;
	}
	.div_bottom_div .top_line{
		border-top: 1px solid #d8cfc6; 
		
	}
	.div_bottom_div .line_div{
		border-bottom:1px solid #d8cfc6;
	}	
	.div_bottom_div .line_div :nth-child(1){
		font-size: 14px;
		color: #666666;
		line-height: 20px;
	}	
	.div_bottom_div .line_div :nth-child(2){
		font-size: 14px;
		color: #333333;
		line-height: 20px;
	}
	.div_bottom_div .none_line{
		border: none;
	}
</style>

